<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>预约挂号</title>
    <link rel="stylesheet" type="text/css" href="css/aui.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>
<body>

    <div class="site-name">
      <p>北京114预约挂号平台</p>
    </div>

    <div class="submit-choose-wrapper">
      <div class="submit-choose">
        <h4>选择就诊人</h4>
        <i class="aui-iconfont aui-icon-right"></i>
      </div>
    </div>

    <div class="submit-title">
      <h4>挂号信息</h4>
    </div>

    <div class="order-item-body">
      <div class="order-item-row">
        <span>就诊日期</span>
        <p>2020年11月20日</p>
      </div>
      <div class="order-item-row">
        <span>就诊医院</span>
        <p>中国人民解放军总医院</p>
      </div>
      <div class="order-item-row">
        <span>挂号科室</span>
        <p>风湿科</p>
      </div>
      <div class="order-item-row">
        <span>医生职称</span>
        <p>医师</p>
      </div>
      <div class="order-item-row">
        <span>医生专长</span>
        <p>风湿科常见病</p>
      </div>
      <div class="order-item-row">
        <span>医事服务费</span>
        <p>50元</p>
      </div>
    </div>

    <div class="submit-title">
      <h4>医院预约规则</h4>
    </div>

    <div class="submit-body">
      <p>1、如果您居住或去过辽宁大连等中/高风险地区，请按照北京市防
      疫防控要求，接受新冠排查后再预约就诊，我院对中/高风险地区
      人群进行出入管控。挂号咨询: 010-66939343
      </p>
      <p>2、如果您居住或去过辽宁大连等中/高风险地区，请按照北京市防
      疫防控要求，接受新冠排查后再预约就诊，我院对中/高风险地区
      人群进行出入管控。挂号咨询: 010-66939343
      </p>
      <p>3、如果您居住或去过辽宁大连等中/高风险地区，请按照北京市防
      疫防控要求，接受新冠排查后再预约就诊，我院对中/高风险地区
      人群进行出入管控。挂号咨询: 010-66939343
      </p>
      <p>4、如果您居住或去过辽宁大连等中/高风险地区，请按照北京市防
      疫防控要求，接受新冠排查后再预约就诊，我院对中/高风险地区
      人群进行出入管控。挂号咨询: 010-66939343
      </p>
      <p>5、如果您居住或去过辽宁大连等中/高风险地区，请按照北京市防
      疫防控要求，接受新冠排查后再预约就诊，我院对中/高风险地区
      人群进行出入管控。挂号咨询: 010-66939343
      </p>
      <p>6、如果您居住或去过辽宁大连等中/高风险地区，请按照北京市防
      疫防控要求，接受新冠排查后再预约就诊，我院对中/高风险地区
      人群进行出入管控。挂号咨询: 010-66939343
      </p>

      <div class="login-btn">
        <a href="create.html">确认挂号</a>
      </div>
    </div>

    <div class="order-layer" style="display:none;">
      <div class="order-layer-title">
        <h4>选择就诊人</h4>
        <i class="aui-iconfont aui-icon-close order-layer-close"></i>
      </div>
      <div class="order-layer-body">
        <div class="order-layer-user">
          <div class="order-layer-info">
            <h4>张三</h4>
            <p>54646*****2545857</p>
          </div>
          <i class="aui-iconfont aui-icon-right"></i>
        </div>

        <div class="order-layer-user">
          <div class="order-layer-info">
            <h4>张三</h4>
            <p>54646*****2545857</p>
          </div>
          <i class="aui-iconfont aui-icon-right"></i>
        </div>
      </div>
    </div>
</body>
<script src="js/jquery.min.js"></script>
<script src="layer/layer.js"></script>
<script type="text/javascript">
$('.submit-choose').click(function () {
  layer.open({
    type: 1,
    anim: 2,
    title: false,
    closeBtn: false,
    offset: 'b',
    area: ['100%','330px'],
    shadeClose: true,
    content: $('.order-layer')
  });
})

$('.order-layer-close').click(function functionName() {
  layer.closeAll();
})
</script>
</html>
